/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
/*.button { background-color: #d8d8d7; border: 1px solid #b2b2b0; color: #0c0c0b; }
.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; color: white;}
.button.secondary { background-color: #333333; border: 1px solid #b1b1b1; color: white; }
.button.success { background-color: #5da423; border: 1px solid #396516; color: white;}
*/
h1 { font-size: 31px; }
h2 { font-size: 27px; }
h3 { font-size: 19px; }
h4 { font-size: 17px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

/* Links ---------------------- */
a { color: #222222; text-decoration: none; line-height: inherit; }
a:hover { color: #777777; }
a:focus { color: #777777; outline: none; }
p a, p a:visited { line-height: inherit; }
a:hover .panel { background: #d8d8d7; color: #FFF; border-color: #bebebe;}
a:hover .panel h4 {color: #FFF;}
a:focus .panel { background: #d8d8d7; color: #FFF; border-color: #bebebe; outline: none; }
a:focus .panel h4 {color: #FFF; outline: none;}



input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {font-size: 12px; margin: 0 0 12px 0; padding: 4px; height:25px;}
select  { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 12px; margin: 0 0 12px 0; padding: 2px; height: 25px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
input[type="text"].small, input[type="password"].small, input[type="date"].small, input[type="datetime"].small, input[type="email"].small, input[type="number"].small, input[type="search"].small, input[type="tel"].small, input[type="time"].small, input[type="url"].small, textarea.small { font-size: 10px; padding: 1px 3px; height:auto; }
input[type="text"].short, input[type="password"].short, input[type="date"].short, input[type="datetime"].short, input[type="email"].short, input[type="number"].short, input[type="search"].short, input[type="tel"].short, input[type="time"].short, input[type="url"].short, textarea.short { width:50%;}
select.small { font-size: 12px; padding: 1px 1px; height:auto; margin:0; }
select.short { width:50%;}

.nolabel{margin-top:15px;}
.inputmargin{margin-bottom: 12px;}
.prefix, .postfix{height:25px;padding:4px;line-height:normal;font-size:12px;}

textarea{height:auto;}
.sub-bar{margin-bottom:0px;}

/*fix for radius extra space */
.radPad
{
    padding-left:8px;
    padding-right:8px;
}

/*
.column input, .columns input  { margin-left: 5px; }
.column input:first-child, .columns input:first-child { margin-left: 0; }
*/

/* Errors */
.error select, selecrror select, select.error{ border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }
.error select:focus, select.error:focus { background: #fafafa; border-color: #b3b3b3; }   
small.valid 
{   border-collapse:collapse;
    margin:0px;
    padding:0px;
    width:0px; height:0px; font-size:0px; border:0px; display:none;}
small.selControl
{
    margin-top:-6px;
    margin-left:0px;
    text-align:left;
}





.formcontainer
{
   
    background: #E3E3E2;
    background: -webkit-gradient(linear, 50% 0%, 50% 300, color-stop(0%, #E3E3E2), color-stop(100%, #D2D1D0));
    background: -webkit-linear-gradient(#E3E3E2 0%,#D2D1D0 300px);
    background: -moz-linear-gradient(#E3E3E2 0%,#D2D1D0 300px);
    background: -o-linear-gradient(#E3E3E2 0%,#D2D1D0 300px);
    background: linear-gradient(#E3E3E2 0%,#D2D1D0 300px);    
}



.formPart
{
    height:auto;
    background: #D7D7D7;
    border-bottom: 1px solid #BABABA;
    padding-left:4px;
    padding-right:4px;
    padding-top:4px;
}

.formPart fieldset legend {background: #D7D7D7; }
.formPart fieldset { border: solid 1px #E7E7E7; padding: 12px 12px 0; margin: 12px 0; }


.listPart
{
    height:auto;
    border-top: 1px solid white;
    padding-left:8px;
    padding-right:8px;
    padding-top:4px;
    overflow:auto;
}

.listPart a
{ 
    color:#222;
}


.listPart table
{
  border-spacing:0;
  border-collapse:collapse;
}

.listPart th
{
    text-align:left;
    vertical-align:top;
    padding:2px;
}

.listPart td
{
    text-align:left;
    vertical-align:top;
    padding:1px;
    padding-left:2px;  
}

.listing 
{ overflow:auto;
} 

.listScroll 
{ overflow:auto;
} 


ul.pagination li:hover a, ul.pagination li a:focus { background: #d7d7d7; }

.row .pager
{
    width:auto;
    margin-top:1px;
    margin-bottom: 3px;
    margin-left:1px;
    margin-right:1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #eee;
    background-color:#f5f5f5;
    font-size: 12px; 
    font-weight: bold; 
    color: #222;
    height:23px;
}

.blockCheck
{
    width: 100%; 
    background-color: #d8d8d7; 
    color: #0c0c0b; 
    border: 1px solid #b2b2b0;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; 
    cursor: pointer; 
    display: inline-block; 
    font-family: inherit; 
    font-size: 12px; 
    font-weight: bold; 
    line-height: 1; 
    margin: 0; 
    outline: none; 
    padding: 4px;
    position: relative; 
    text-align: left; 
    text-decoration: none; 
    word-wrap: break-word;
    -webkit-transition: background-color 0.15s ease-in-out; 
    -moz-transition: background-color 0.15s ease-in-out; 
    -o-transition: background-color 0.15s ease-in-out; 
    transition: background-color 0.15s ease-in-out;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;

}
.blockCheck input
{
    vertical-align:top;    
}

.blockCheck .select
{
    height: 100%;
    width: 25px;
    float: left;
}
.blockCheck .item
{
    vertical-align: top;
    margin-left: 30px;
    word-wrap: break-word;
    display: block;
}


.blockCheck a:hover
{
    text-decoration:underline;
}

.blockCheck:hover
{
    background-color: #bfbfbd; color:White;
}

.blockCheck:focus
{
    color:White;-webkit-box-shadow: 0 0 5px #d8d8d7, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #d8d8d7, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #d8d8d7, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}


ul.tabs-content { display: block; margin: 0 0 0px; padding: 0; }
ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 0px; }


/*Hirlist*/
    .hirList li { background: #FFF;}
    .hirList li:nth-child(odd) { background:#F9F9F9;}
    .hirList ul {border:1px solid #DDD; border-right:0px; margin-top:2px;}
    .hirList ul ul {border-right:0px; margin-bottom:2px; margin-top:2px;}
    .hirList Input {float: right; margin-right:1px;}
    .hirList ul input {margin-right:1px;}
    .hirList li {padding:3px 0px 3px 3px}
    .hirList [class*="foundicon-"]:before {font-size:8px;color:#C7C7C7;}
    .hirList .closed{display:none;}


/* Small Devices ------------ */
@media only screen and (max-width: 767px) { /* Global Misc --- */
input[type="text"].short, input[type="password"].short, input[type="date"].short, input[type="datetime"].short, input[type="email"].short, input[type="number"].short, input[type="search"].short, input[type="tel"].short, input[type="time"].short, input[type="url"].short, textarea.short { width:100%;}
.ModalToolbar select.right{width:50%;float:right; margin:0;}
.ModalToolbar .right .button{ float:right; width:50%; margin:0;}
}     

                                  
                                            


/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */


